<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
        <title>案例-详情</title>
        <link rel="stylesheet" href="anlixq.css">
        <link rel="stylesheet" href="iconfont/iconfont.css">
    </head>
    <body>
        <header>
            <div class="top">
                <div class="banner">
                    <div class="left">
                        <img src="logo.png" alt="">
                        <nav>
                            <a href="#">网站首页</a>
                            <a href="#">传悦资源</a>
                            <a href="#">传悦案例</a>
                            <a href="#">解决方案</a>
                            <a href="#">提交方案</a>
                        </nav>
                    </div>
                    <div class="right">
                        <span class="iconfont icon-dianhua"></span>
                        <span>0535-60652189</span>
                        <span class="iconfont icon-qq"></span>
                        <span class="iconfont icon-wb"></span>
                        <span class="iconfont icon-weixin"></span>
                        <span class="iconfont icon-youxiang"></span>
                    </div>
                </div>
            </div>
        </header>

        <section>
            <div class="info">
                <div class="infoCon">
                    <h2><%= info[0]['Case-name'] %></h2>
                    <p class="tit">
                        <%= info[0]['Case-title'] %></p>
                    <div class="infoMain">
                        <% let temp=0; %>
                        <img src="<%= info[0]['Case-img'] %>">
                        <% counts.forEach(function(item,index){ %>
                        <h5><%= info[temp]['Case-tit'] %></h5>
                        <% for(var i = 0; i < item['sum']; i++) {%>
                        <% if (index === 4) { %>
                        <p><%= i+1 %> . <%= info[i+temp]['Case-text'] %></p>
                        <% } else { %>
                        <p><%= info[i+temp]['Case-text'] %></p>
                        <% } %>
                        <% } %>
                        <% temp=temp+item['sum']; %>
                        <% }) %>
                    </div>
                    <div class="change">
                        <a href="#" class="pre">上一篇:<span>关于传悦网站</span></a>
                        <a href="#" class="next">下一篇:<span>关于传悦网站</span></a>
                    </div>
                </div>

            </div>
        </section>

        <footer>
            <div class="banner">
                <img src="logo-min.png" alt="">
                <div class="right">
                    <nav class="top">
                        <a href="#">关于传悦</a>
                        <a href="#">新闻动态</a>
                        <a href="#">传悦观点</a>
                        <a href="#">联系传悦</a>
                        <a href="#">加入传悦</a>
                        <a href="#">付款账户</a>
                    </nav>
                    <div class="bottom">
                        <span style="margin:0 0">Copyright&nbsp;&copy;2013</span>
                        <span style="padding-right: 18px;border-right: 1px solid #666666;margin-right: 1px">创梦网络科技有限责任公司</span>
                        <span style="padding: 0 18px;border-left: 1px solid #666666">传悦 Chnyoo.cn&nbsp;All&nbsp;Rights&nbsp;Reserved</span>
                        <span>京ICP12005221备号</span>
                    </div>
                </div>
            </div>
        </footer>
    </body>
</html>